Switch Guidelines 開關指導規則

Usage 用法

開關適用於調整設定和獨立選項，實現開/關等二元選擇。效果立即生效，無需儲存。

使用開關來：

• 開啟或關閉單個專案

• 立即啟用或停用專案

開關用來開啟或關閉某個功能。它不適合用來在多個選項中選擇。舉個例子：

如果你想讓使用者在地圖和列表之間選擇，不要用開關 - 因為這種情況下使用者是在多個選項中選一個。開關只適合簡單的開/關功能。

Alternate selection controls替代選擇控制元件

選擇控制元件有三種：核取方塊、單選按鈕和開關。

它們的作用是：

• 核取方塊：可以從列表中選擇多個選項

• 單選按鈕：從列表中只能選一個選項

• 開關：用來開啟或關閉單個功能，常見於設定介面

Anatomy 結構

Icon (optional) 圖示（可選）

開關手柄可以包含一個可選圖示。

圖示可用於在視覺上強調開關的選擇狀態。圖示的含義應清晰明確，以幫助使用者理解開關是開啟還是關閉。

Label text 標籤文字

開關必須配有說明文字，讓使用者知道這個開關控制什麼功能。

Placement 放置位置

開關通常以堆疊佈局排列。

Behavior 行為

開關切換時，手柄會滑動到另一邊來表示狀態改變。

當使用者切換開關時，其手柄大小會改變，並且相應的操作會立即生效。

Interaction & style 互動與樣式

開關手柄會變大，讓使用者知道可以透過觸控或滑鼠來操作它。

Touch 觸控

用手指點選或滑動開關時，手柄會變大，這樣你就知道它在響應你的操作。

Cursor 游標

把滑鼠放在開關上時（不管開關是開著還是關著），開關周圍會出現一個較大的區域，提示你可以點選它。點選時手柄會變大。